 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>AMII 面料管理</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link href="css/style.css" rel="stylesheet" type="text/css" />
<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
<link rel="stylesheet" href="js/easyui/demo/demo.css" type="text/css"></link>
<link rel="stylesheet" href="js/easyui/themes/icon.css" type="text/css"></link>
<link rel="stylesheet" href="js/easyui/themes/default/easyui.css"
	type="text/css"></link>
<script type="text/javascript" src="js/easyui/jquery-1.6.min.js"></script>
<script type="text/javascript" src="js/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="script/common.js"></script>
<script type="text/javascript" src="script/suinRegist.js"></script>
<style type="text/css">
*, :before, :after {
  box-sizing: border-box;
  margin: 0;
  transition: 0.4s;
}
.modal {
  height: 100px;
  width: 100%;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: .4s, box-shadow .3s .4s;
}

.form{
 
  padding: 25px;
  position: absolute;
  top: 120;
  left:200;
}

input {
	padding-left: 5px;
	line-height: 30px;
	height: 30px;
	width: 200px;
	font-size: 15px;
}

td {
	line-height: 50px;
	height: 70px;
	margin-bottom: 5px;
}
label{
	font-size:15px;
	padding-right:5px; 
}


#submi {
	background-color: #1E82CC;
	width: 80px;
	height: 37px;
	border: none;
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	color: #fff;
	line-height: 37px;
	margin: 0 5px 0 0;
	font-size: 14px;
	float: left
}
#required{
 color:red;
}

#u1{
  position:absolute;
  left:0px;
  top:10px;
  white-space:nowrap;
}

#u2{
  position:absolute;
  left:0px;
  top:50px;
  white-space:nowrap;
}

#u2_img{
  position:absolute;
  left:300px;
  top:-5px;
  white-space:nowrap;
}
#u2_img_1{
  position:absolute;
  left:0px;
  top:8px;
  white-space:nowrap;
}
#u2_img_2{
  position:absolute;
  left:45px;
  top:8px;
  white-space:nowrap;
}
#u2_img_3{
  position:absolute;
  left:90px;
  top:8px;
  white-space:nowrap;
}

#u3{
  position:absolute;
  left:0px;
  top:90px;
  white-space:nowrap;
}

#u5{
  position:absolute;
  left:0px;
  top:170px;
  white-space:nowrap;
}

#u7{
  position:absolute;
  left:0px;
  right:px;
  top:250px;
  white-space:nowrap;
}

#u10{
  position:absolute;
  left:63px;
  top:-5px;
  
}

#u11{
  position:absolute;
  left:170px;
  top:-5px;
  white-space:nowrap;
}
#u12{
  position:absolute;
  left:280px;
  top:12px;
  white-space:nowrap;
}
#u12_1{
  position:absolute;
  left:50px;
  top:0px;
  white-space:nowrap;
}

#u13{
  position:absolute;
  left:0px;
  top:300px;
  white-space:nowrap;
}
#u14{
  position:absolute;
  left:95px;
  top:0px;
  white-space:nowrap;
}
#u15{
  position:absolute;
  left:600px;
  top:550px;
  white-space:nowrap;
}
</style>

</head> 
  <body>
	  <div class="modal">
	  	<div style="text-align:center;width: 100%">
	  		<img src="images/amii-suin-02.png" style="margin:20px auto auto auto;"></img>
	  		<div style="padding:0px 200px 0px 15px;float:right;">
	  			<div style="float: right;padding-top: 60px;padding-left: 10px;">
	  				<a color: blue; href="suin_login.jsp" style="padding: 5px 12px 5px 12px;">登录</a>
	  				<span>|</span>
	  				<a color: blue; href="suin_login.jsp" style="padding: 5px 12px 5px 12px;">注册</a>
	  				
	  			</div>
	  		</div>
	  	</div> 
	  </div>
	  <div>
		  <form id="suinrForm" action="regSuinaddSuinRegist" method="post" onsubmit="return register();" arget="_blank">
	    	
		    	<div class="form">
		    	<div id="u3" style="margin-left:230px; ">
		    		<span id="required">&nbsp;&nbsp;&nbsp;&nbsp;*</span><label>用户名称 </label>
	    			<input id="suinName" type="text" name="suinRegister.suinName" value="" onblur="return checkname()">
	    			<span id="nameError"></span>
	    			<span id="hintName">以字母和数字组合，注册后不得修改</span>
		    	</div>
		    	<div id="u5" style="margin-left:250px; ">
		    		<span id="required">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*</span><label>邮&nbsp;箱</label>
	    			<input id="suinEmail" type="text" name="suinRegister.email" value="" onblur="return checkemail()">
	    			<span id="emailError"></span>
	    			<span id="hintEmail">用于接收验证信息等</span>
	    		</div>
	    		<div id="u7" style="width: 420px; margin-left:260px;  ">
	    			<span id="required">*</span><label>验证码  </label>
	    			<div id="u10">
						<input type="text" style="width:100px;" value="" id="changeCode" onblur="return checkCaptcha()">
					</div>
					<div id="u11">
						<img src="code.jsp?number=" <%Math.random();%> id="code" width="96px;" height="34px;" alt="" onclick="select()">
					</div>
					<div id="u12">
						<a style="cursor: pointer; color: blue; text-decoration: underline;" onclick="select()" title="">看不清</a>
						<div id="u12_1">
							<span id="chagecodeError"></span>	
						</div>		
					</div>
	    		</div>
	    		
		    	</div>
		    	<div id="u15"style="height:100px; ">
						<input id="submi"  type="button" style="margin-left: 30px;" onclick="resetJsp()" value="下一步" />	
		    	</div>
	    	</div>
	    </form>
	  </div>
   	  <div style="text-align:center;padding-top:700px; ">
		<span>2016 @AMII All Rights Reserved</span>
	  </div>
  </body>
</html>